<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->
<html lang="zh-cmn-Hans">
<!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->

<head>
    <meta charset='utf-8'> <!-- 声明文档使用的字符编码 -->
    <meta name="description" content="Web开发 “苟”计划 路径选择 帮助你。如果你是一名web开发工程师，那么就来看看我做的万
无一失的苟计划"> <!-- 页面描述 -->
    <meta name="keywords" content="Web开发,开发工具,PHP,JavaScript,Hugo"> <!-- 页面关键词 -->
    <title>excatrix</title>
    <meta name="author" content="小池, wxiaochi@qq.com"> <!-- 网页作者 -->
    <meta name="robots" content="index,follow"> <!-- 搜索引擎抓取 -->
    <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
    <meta name="format-detection" content="address=no"> <!-- 禁止自动自动识别地址 -->
    <meta name="format-detection" content="email=no"> <!-- 禁止自动自动识别 Email -->
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="Cache-Control" content="no-siteapp"><!-- 禁止百度转码 -->
    <style>
        td {
            border: gray 1px dotted;
        }

        td.cur {
            border: rebeccapurple 2px solid;
        }

        td.rowSel,
        td.colSel {
            background-color: gray;
            color: white;
        }
        td.colSel{
            text-align: center;
        }
        td.rowSel{
            text-align: right;
        }
    </style>
</head>

<body>
    <button id="btnAddRow">增加行</button>
    <button id="btnAddCol">增加列</button>
    <div>
        <input type="text" id="theInput">
    </div>
    <table id="theTable" data-row="1" data-col="1">
        <tr>
            <td></td>
            <!-- <td class="colSel" data-i="0">A</td> -->
        </tr>
        <!-- <tr>
            <td class="rowSel" data-i="0">1</td>
            <td>hello</td>
        </tr> -->
    </table>
    <script src="zepto.js"></script>
    <script src="main.js"></script>
</body>

</html>